.app-badge {
    width: 100%;
    height: 100%;
    .badge-text {
      background-color: #4294ff;
      padding: 0 20px;
      i {
        line-height: 50px;
        font-size: 22px;
        color: #fff;
      }
      .my {
        height: 90px;
        .my-badge {
          margin: 16px 25px;
          flex: 1;
          color: #aad9f7;
        }
        .my-day {
          flex: 1;
          color: #004e73;
          position: relative;
          span {
            position: absolute;
            top: 0px;
            left: 0px;
          }
          p {
            display: inline-block;
            color: #fff;
            font-size: 60px;
            position: absolute;
            top: -6px;
            left: 60px;
          }
          img {
            height: 80px;
            margin-left: 80px;
          }
        }
      }
    }
    ul {
      padding: 20px;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      text-align: center;
      p {
        margin-top: 15px;
        margin-bottom: 25px;
      }
      li{
        width: 30%;
      }

    }
    ul:after {
      content: "";
      width: 30%;
      height: 0px;
      visibility: hidden;
  }
  }
  